<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	template="../../../WEB-INF/plantilla/defecto.xhtml">
	<ui:define name="titulo">Consultar entrega de gu&#237;as</ui:define>
	<ui:define name="contenido">
		<h1>Consultar entrega de gu&#237;as</h1>
		<h:form id="frmBuscarGuiasAsignadas">
			<p:accordionPanel>
				<p:tab title="Criterios de b&#250;squeda">
					<p:messages id="msgBusquedaGuiasAsignadas" />
					<div class="filas">
						<div class="mitad">
							<div class="completo">
								<div class="tercio">
									<h:outputLabel for="cboTipProveedor" value="Tipo Proveedor:" />
								</div>
								<div class="dostercios">
									<div class="combo">
										<p:selectOneMenu id="cboTipProveedor" immediate="true"
											value="#{consultaLoteGuiaMB.iIdTipoProveedor}"
											styleClass="selectOneMenu"
											valueChangeListener="#{proveedorMB.obtenerProveedorPorTipo}">
											<f:selectItem itemLabel="Todos" itemValue="0" />
											<f:selectItems value="#{tipoProveedorMB.lstTipoProveedor}"
												var="tipoProveedor"
												itemLabel="#{tipoProveedor.descTipoProveedor}"
												itemValue="#{tipoProveedor.idTipoProveedor}" />
											<f:ajax render="cboProveedor" event="change" />
										</p:selectOneMenu>
									</div>
									<div class="tooltip">
										<h:graphicImage id="imgTipProveedor"
											url="../../../presentacion/images/help.png"></h:graphicImage>
										<p:tooltip for="imgTipProveedor" value="Tipo Proveedor" />
									</div>
								</div>
							</div>
							<div class="completo">
								<div class="tercio">
									<h:outputLabel for="cboEstado" value="Estado:" />
								</div>
								<div class="dostercios">
									<div class="combo">
										<p:selectOneMenu id="cboEstado" styleClass="selectOneMenu"
											immediate="true" value="#{consultaLoteGuiaMB.iIdEstadoLote}">
											<f:selectItem itemLabel="Todos" itemValue="0" />
											<f:selectItems value="#{parametroMB.lstEstadosGenerales}"
												var="estadoGeneral" itemLabel="#{estadoGeneral.nombre}"
												itemValue="#{estadoGeneral.idParamDet}" />
										</p:selectOneMenu>
									</div>
									<div class="tooltip">
										<h:graphicImage id="imgEstado"
											url="../../../presentacion/images/help.png"></h:graphicImage>
										<p:tooltip for="imgEstado" value="Estado" />
									</div>
								</div>
							</div>
							<div class="completo">
								<div class="tercio">
									<h:outputLabel for="txtFechaInicioBusqueda"
										value="Fecha de inicio:" />
								</div>
								<div class="dostercios">
									<p:message for="txtFechaInicioBusqueda" id="msgFechaInicio"
										rendered="true" />
									<div class="input">
										<p:calendar id="txtFechaInicioBusqueda" locale="es"
											value="#{consultaLoteGuiaMB.dtFecRegIni}"
											pattern="dd/MM/yyyy" onkeypress="agregarSlash(this);">
											<p:ajax event="dateSelect"
												listener="#{consultaLoteGuiaMB.validarFechaMenor}"
												update="msgBusquedaGuiasAsignadas" />
										</p:calendar>

									</div>
									<div class="tooltip">
										<h:graphicImage id="imgFechaInicioBusqueda"
											url="../../../presentacion/images/help.png"></h:graphicImage>
										<p:tooltip for="imgFechaInicioBusqueda"
											value="Fecha de inicio" />
									</div>
								</div>

							</div>
						</div>
						<div class="mitad">
							<div class="completo">
								<div class="tercio">
									<h:outputLabel for="cboProveedor" value="Proveedor:" />
								</div>
								<div class="dostercios">
									<div class="combo" id="cboProveedoride">
										<p:selectOneMenu id="cboProveedor" styleClass="selectOneMenu"
											immediate="true" value="#{consultaLoteGuiaMB.iIdProveedor}">
											<f:selectItem itemLabel="Todos" itemValue="0" />
											<f:selectItems value="#{proveedorMB.lstProveedor}"
												var="proveedor" itemLabel="#{proveedor.descProveedor}"
												itemValue="#{proveedor.idProveedor}" />
										</p:selectOneMenu>
									</div>
									<div class="tooltip">
										<h:graphicImage id="imgProveedor"
											url="../../../presentacion/images/help.png"></h:graphicImage>
										<p:tooltip for="imgProveedor" value="Proveedor" />
									</div>
								</div>
							</div>
							<div class="completo">
								<div class="tercio">
									<h:outputLabel for="txtNumGuia" value="N°  Gu&#237;a:" />
								</div>
								<div class="dostercios">
									<div class="input">
										<p:inputText id="txtSerieGuia" styleClass="guiaSerie"
											value="#{consultaLoteGuiaMB.sSerieGuia}"
											validator="#{consultaLoteGuiaMB.validarSerieGuia}"
											maxlength="5">
											<p:ajax event="blur" update="msgBusquedaGuiasAsignadas" />
										</p:inputText>

										<p:inputText id="txtNumGuia" styleClass="guiaNumero"
											value="#{consultaLoteGuiaMB.sNumGuia}"
											validatorMessage="Número Guía: Debe tener 7 números"
											validator="#{consultaLoteGuiaMB.validarNumeroGuia}"
											maxlength="7">
											<f:validateLength minimum="7" />
											<p:ajax event="blur" update="msgBusquedaGuiasAsignadas" />
										</p:inputText>
									</div>
									<div class="tooltip">
										<h:graphicImage id="imgGuia"
											url="../../../presentacion/images/help.png"></h:graphicImage>
										<p:tooltip for="imgGuia" value="Nï¿½ Gu&#237;a" />
									</div>
								</div>
							</div>
							<div class="completo">
								<div class="tercio">
									<h:outputLabel for="txtFechaFinBusqueda" value="Fecha de fin:" />
								</div>
								<div class="dostercios">
									<div class="input">
										<p:calendar id="txtFechaFinBusqueda" locale="es"
											pattern="dd/MM/yyyy"
											value="#{consultaLoteGuiaMB.dtFecRegFin}"
											onkeypress="agregarSlash(this);">
										<!--	<p:ajax event="dateSelect"
												listener="#{consultaLoteGuiaMB.validarFechaMayor}"  -->
												update="msgBusquedaGuiasAsignadas" />
										</p:calendar>
									</div>
									<div class="tooltip">
										<h:graphicImage id="imgFechaFinBusqueda"
											url="../../../presentacion/images/help.png"></h:graphicImage>
										<p:tooltip for="imgFechaFinBusqueda" value="Fecha de fin" />
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="boton">
						<p:commandButton id="btnBuscarGuiasAsignadas" value="Buscar"
							icon="ui-icon-search"
							action="#{consultaLoteGuiaMB.buscarGuiasAsignadas}"
							update="@form:tblGuiasAsignadas" />
					</div>
					<div style="clear: both;"></div>
				</p:tab>
			</p:accordionPanel>
			<h2>Gu&#237;as asignadas</h2>
			<p:separator />
			<div class="opcionesTabla">
				<p:commandButton value="Nuevo lote" icon="ui-icon-gear"
					onclick="dlgNuevoLote.show();"
					actionListener="#{loteGuiaMB.inicializarLoteNuevo}" />
				<div class="clear"></div>
			</div>
			<p:dataTable id="tblGuiasAsignadas" paginator="true"
				paginatorPosition="bottom" rows="10" styleClass="anchoGrilla"
				var="guiaAsignada" value="#{consultaLoteGuiaMB.lstGuiaAsignada}"
				scrollable="true" scrollHeight="150"
				emptyMessage="No se encontraron registros que coinciden con los criterios de búsqueda ingresados">
				<p:column styleClass="item" headerText="Item">
					<p:commandLink
						action="#{consultaLoteGuiaMB.buscarGuiasNoConformes}"
						update="@form:tblGuiasNoConformes">
						<f:setPropertyActionListener value="#{guiaAsignada}"
							target="#{consultaLoteGuiaMB.objSelGuiaAsignada}" />
						<h:outputText value="#{guiaAsignada.iIdLoteGuia}" />
					</p:commandLink>
				</p:column>
				<p:column styleClass="rango" headerText="Rango Inicio">
					<h:outputText value="#{guiaAsignada.sRangoGuiaIni}" />
				</p:column>
				<p:column styleClass="rango" headerText="Rango Fin">
					<h:outputText value="#{guiaAsignada.sRangoGuiaFin}" />
				</p:column>
				<p:column styleClass="proveedor" headerText="Proveedor">
					<h:outputText value="#{guiaAsignada.sDescProveedor}" />
				</p:column>
				<p:column styleClass="almacen"
					headerText="Almac&#233;n / Transporte">
					<h:outputText value="#{guiaAsignada.sDescTipoProveedor}" />
				</p:column>

				<p:column styleClass="estado" headerText="Estado">
					<h:outputText value="#{guiaAsignada.sEstadoLote}" />
				</p:column>
				<p:column styleClass="fechaHora" headerText="Fecha Registro">
					<h:outputText value="#{guiaAsignada.dtFecRegistro}">
						<f:convertDateTime pattern="dd/MM/yyyy" />
					</h:outputText>
				</p:column>
				<f:facet name="footer">  
          			 Total registros #{fn:length(consultaLoteGuiaMB.lstGuiaAsignada)}  
        			</f:facet>
			</p:dataTable>
			<div class="clear"></div>
			<h2>Gu&#237;as no conformes</h2>
			<p:separator />
			<p:dataTable id="tblGuiasNoConformes" paginator="true"
				paginatorPosition="bottom" rows="10" styleClass="anchoGrilla"
				var="guiaNoConforme" value="#{consultaLoteGuiaMB.lstGuiaNoConforme}"
				scrollable="true" scrollHeight="150"
				emptyMessage="No se encontraron registros que coinciden con los criterios de búsqueda ingresados">
				<p:column styleClass="checkbox">
					<f:facet name="header">
						<input type="checkbox" name="ch1"> </input>
					</f:facet>
					<input type="checkbox" name="ch4"> </input>
				</p:column>
				<p:column styleClass="item" headerText="Item">
					<h:outputText value="#{guiaNoConforme.iIdGuia}" />
				</p:column>
				<p:column styleClass="guia" headerText="Nº Gu&#237;a">
					<h:outputText value="#{guiaNoConforme.sSerieNumeroGuia}" />
				</p:column>
				<p:column styleClass="cantidad" headerText="Nº Pedido">
					<h:outputText value="#{guiaNoConforme.sNumSolicitud}" />
				</p:column>
				<p:column styleClass="estado" headerText="Estado de la Gu&#237;a">
					<h:outputText value="#{guiaNoConforme.iIdEstadoGuia}" />
				</p:column>
				<p:column styleClass="Observaciones" headerText="Observaciones">
					<p:inputTextarea value="#{guiaNoConforme.sObservacion}"
						styleClass="observacion" />
				</p:column>
				<p:column styleClass="seguimiento" headerText="Seguimiento">
					<p:commandLink value="Seguimiento" onclick="dlgSeguimiento.show()" />
				</p:column>
				<p:column styleClass="eliminar" headerText="Eliminar">
					<p:commandLink value="Eliminar" onclick="dlgSeguimiento.show()" />
				</p:column>
				<f:facet name="footer">  
          			 Total registros #{fn:length(consultaLoteGuiaMB.lstGuiaNoConforme)}  
        		</f:facet>
			</p:dataTable>
			<div class="opcionesTabla" style="text-align: left;">
				<p:commandButton value="Exportar" icon="ui-icon-disk" />
				<p:commandButton value="Regularizar" onclick="dlgRegularizar.show()" />
				<div class="clear"></div>
			</div>
		</h:form>

		<!--Ventanas flotantes-->
		<p:dialog header="Registrar entrega de gu&#237;as"
			widgetVar="dlgNuevoLote" modal="true" width="850" position="top">
			<p:ajax event="close"
				update="frmBuscarGuiasAsignadas:tblGuiasAsignadas"
				listener="#{consultaLoteGuiaMB.buscarGuiasAsignadas}" />
			<h1>Registrar entrega de gu&#237;as</h1>
			<h:form id="frmRegistrarLoteGuias">
				<p:messages id="msgRegistrarLoteGuias" />
				<p:accordionPanel>
					<p:tab title="Criterios de b&#250;squeda">
						<div class="filas">
							<div class="mitad">
								<div class="completo">
									<div class="tercio">
										<h:outputLabel for="cboTipProveedorNuevo"
											value="Tipo Proveedor:" />
									</div>
									<div class="dostercios">
										<div class="combo" style="width: 70%">
											<p:selectOneMenu id="cboTipProveedorNuevo" immediate="true"
												disabled="#{loteGuiaMB.bRegistroCorrecto}"
												value="#{loteGuiaMB.iIdTipoProveedorNuevo}"
												styleClass="selectOneMenu"
												valueChangeListener="#{proveedorMB.obtenerProveedorPorTipo}"
												required="true"
												requiredMessage="Tipo Proveedor    : Seleccione uno por favor">
												<f:selectItem itemLabel="Todos" itemValue="" />
												<f:selectItems value="#{tipoProveedorMB.lstTipoProveedor}"
													var="tipoProveedor"
													itemLabel="#{tipoProveedor.descTipoProveedor}"
													itemValue="#{tipoProveedor.idTipoProveedor}" />
												<f:ajax event="change" render="cboProveedorNuevo" />

											</p:selectOneMenu>
										</div>
										<div class="tooltip">
											<h:graphicImage id="imgTipProveedorNuevo"
												url="../../../presentacion/images/help.png"></h:graphicImage>
											<p:tooltip for="imgTipProveedorNuevo" value="Tipo Proveedor" />
										</div>
									</div>

								</div>
								<div class="completo">
									<div class="tercio">
										<h:outputLabel for="txtSerieGuiaNuevoIni"
											value="Rango inicio :" />
									</div>
									<div class="dostercios">
										<div class="input">
											<p:inputText id="txtSerieGuiaNuevoIni" styleClass="guiaSerie"
												disabled="#{loteGuiaMB.bRegistroCorrecto}"
												value="#{loteGuiaMB.sSerieGuiaNuevoIni}" required="true"
												requiredMessage="Serie Guía inicial: Es necesario"
												validatorMessage="Serie Guía inicial: Debe tener entre 3 a 5 números"
												validator="#{loteGuiaMB.validarSerieGuia}" maxlength="5">
												<f:validateLength minimum="3" maximum="5" />
												<p:ajax event="blur" update="msgRegistrarLoteGuias" />
											</p:inputText>
											-
											<p:inputText id="txtNumGuiaNuevoIni" styleClass="guiaNumero"
												disabled="#{loteGuiaMB.bRegistroCorrecto}" required="true"
												requiredMessage="Número Guía inicial:  Es necesario"
												validatorMessage="Número Guía inicial: Debe tener 7 números"
												value="#{loteGuiaMB.sNumGuiaNuevoIni}" maxlength="7"
												validator="#{loteGuiaMB.validarNumeroGuia}">
												<f:validateLength minimum="7" />
												<p:ajax event="blur" update="msgRegistrarLoteGuias" />
											</p:inputText>

										</div>
										<div class="tooltip">
											<h:graphicImage id="imgSerieGuiaNuevo"
												url="../../../presentacion/images/help.png"></h:graphicImage>
											<p:tooltip for="imgSerieGuiaNuevo" value="Rango inicio" />
										</div>
									</div>

								</div>
							</div>
							<div class="mitad">
								<div class="completo">
									<div class="tercio">
										<h:outputLabel for="cboProveedorNuevo" value="Proveedor :" />
									</div>
									<div class="dostercios">
										<div class="combo" style="width: 70%">
											<p:selectOneMenu id="cboProveedorNuevo"
												disabled="#{loteGuiaMB.bRegistroCorrecto}"
												styleClass="selectOneMenu" immediate="true"
												value="#{loteGuiaMB.iIdProveedorNuevo}" required="true"
												requiredMessage="Proveedor         :Seleccione uno por favor">
												<f:selectItem itemLabel="Todos" itemValue="" />
												<f:selectItems value="#{proveedorMB.lstProveedor}"
													var="proveedor" itemLabel="#{proveedor.descProveedor}"
													itemValue="#{proveedor.idProveedor}" />
											</p:selectOneMenu>
										</div>
										<div class="tooltip">
											<h:graphicImage id="imgProveedor"
												url="../../../presentacion/images/help.png"></h:graphicImage>
											<p:tooltip for="imgProveedor" value="Proveedor" />
										</div>
									</div>

								</div>
								<div class="completo">
									<div class="tercio">
										<h:outputLabel for="txtSerieGuiaNuevoFin" value="Rango fin :" />
									</div>
									<div class="dostercios">
										<div class="input">
											<p:inputText id="txtSerieGuiaNuevoFin" styleClass="guiaSerie"
												disabled="#{loteGuiaMB.bRegistroCorrecto}"
												value="#{loteGuiaMB.sSerieGuiaNuevoFin}" required="true"
												requiredMessage="Serie Guía fin: Es necesario"
												validatorMessage="Serie Guía fin: Debe tener entre 3 a 5 números"
												validator="#{loteGuiaMB.validarSerieGuia}" maxlength="5">
												<f:validateLength minimum="3" maximum="5" />
												<p:ajax event="blur" update="msgRegistrarLoteGuias" />
											</p:inputText>
											-
											<p:inputText id="txtNumGuiaNuevoFin" styleClass="guiaNumero"
												disabled="#{loteGuiaMB.bRegistroCorrecto}"
												value="#{loteGuiaMB.sNumGuiaNuevoFin}" required="true"
												requiredMessage="Número Guía fin: Es necesario"
												validatorMessage="Número Guía fin: Debe tener 7 números"
												validator="#{loteGuiaMB.validarNumeroGuia}" maxlength="7">
												<f:validateLength minimum="7" />
												<p:ajax event="blur" update="msgRegistrarLoteGuias" />
											</p:inputText>
										</div>
										<div class="tooltip">
											<h:graphicImage id="imgSerieGuiaNuevoFin"
												url="../../../presentacion/images/help.png"></h:graphicImage>
											<p:tooltip for="imgSerieGuiaNuevoFin" value="Rango fin" />
										</div>
									</div>

								</div>
							</div>
						</div>
						<div class="boton">
							<p:commandButton value="Guardar" icon="ui-icon-document"
								disabled="#{loteGuiaMB.bRegistroCorrecto}"
								actionListener="#{loteGuiaMB.validacionCorrecta}"
								update="@form dlgConfirmDialog" />
						</div>
						<div class="clear"></div>
					</p:tab>
				</p:accordionPanel>
				<div class="clear"></div>
			</h:form>
		</p:dialog>
		<!--VENTANAS DE CONFIRMACION -->

		<p:confirmDialog id="dlgConfirmDialog"
			message="¿Está seguro de registrar un nuevo lote de gu&#237;as?"
			header="Confirmaci&#243;n" severity="alert"
			visible="#{loteGuiaMB.bValidado}" widgetVar="cfdGuardarLote">
			<h:form id="frmCfdGuardarLote">
				<p:commandButton id="btnRegistrarLoteNoSi" value="Si"
					update="frmRegistrarLoteGuias" oncomplete="cfdGuardarLote.hide()"
					actionListener="#{loteGuiaMB.guardarLote}" />
				<p:commandButton id="btnRegistrarLoteNo" value="No"
					onclick="cfdGuardarLote.hide()" type="button" />
			</h:form>
		</p:confirmDialog>
	</ui:define>
</ui:composition>
